<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<f:view contentType="text/html">

	<h:head>
		<title><ui:insert name="head"></ui:insert></title>
		<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
		<link type="text/css" rel="stylesheet" href="../css/default.css" />
		<link type="text/css" rel="stylesheet" href="../themes/overcast/skin.css" />
		<link type="text/css" rel="stylesheet" href="../syntaxhighlighter/styles/syntaxhighlighter.css" />
		
		<style type="text/css">
			.new {background: url(../images/new-ico.gif) no-repeat 1%;}
			.ui-widget {font-size: 98% !important;}
			.ui-menu .ui-menu-item .ui-menu-item-label {padding: .2em 1.7em;}
			.ui-growl {top:115px;}
			.themeMenu {
				overflow: auto;
				height:300px;
				width:200px;
			}
		</style>

	</h:head>

	<h:body>
		<div class="ui-widget ui-widget-header">
			<div id="logo">
				<h1>Hola Mundo JSF - Primefaces</h1>
			</div>
		</div>
	
		<div id="wrapper">
	
			<div id="page">
				<div id="sidebar1" class="ui-widget ui-widget-header ui-corner-all" style="border: 0;margin-top: 0px;">

				</div>
	
				<div id="content" class="ui-widget">
					<div class="post">
						<ui:insert name="content">...</ui:insert>
					</div>
				</div>
	
				<div style="clear: both;"> </div>
			</div>
			
				<h:form style="font-size: 15px;">
					<center>
					<p:panel header="Ingrese las Credenciales" style="width:40%;">
			            <h:outputLabel for="username" value="Username: " />  
			            <p:inputText value="lol" id="username" required="true" label="username" />  
			            <br/><br/>
			            <h:outputLabel for="password" value="Password: " />  
			            <p:password value="#lol" id="password" required="true" label="password" feedback="false"/>  
			            <br/><br/>
			            <p:commandButton id="loginButton" value="Login" actionListener="lol"/>
		            </p:panel>
		            </center>
		    	</h:form> 
			<br/><br/>
			
			
		</div>
	
	<div id="footer" class="ui-widget ui-widget-header ui-corner-all">
		<p class="copyright"> Fabricio Echeverria ©  2010  •  </p>
	</div>
	
	</h:body>
	
	
	</f:view>
</html>